<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>文件上传</title>
    <script language="JavaScript" src="/common/fileUpLoad/js/jquery.min.js"></script>
    <script language="JavaScript" src="/common/fileUpLoad/js/webuploader.nolog.js"></script>
<script src="/common/fileUpLoad/js/szoaUploader.js"></script>
    <link href="css/webuploader.css" rel="stylesheet" />
    <script type="text/javascript">
        $().ready(function() {

            var $filePicker1 = $(".filePicker1");
            var $uploadBtn1 = $("#uploadBtn1");

            var res1 = $filePicker1.szoaUploader({auto:true});

            $uploadBtn1.click(function() {
                 res1.upload();
            });
            
            
            var $filePicker2 = $(".filePicker2");
            var $uploadBtn2 = $("#uploadBtn2");

            var res2 = $filePicker2.szoaUploader();

            $uploadBtn2.click(function() {
                 res2.upload();
            });
            
        });

    </script>
    <style>
        .webuploader-container {
            position: relative;
        }
        .webuploader-element-invisible {
            position: absolute !important;
            clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
            clip: rect(1px,1px,1px,1px);
        }
        .webuploader-pick {
            height: 26px;
            line-height: 26px;
            display: inline-block;
            *zoom: 1;
            *display: inline;
            padding: 0px 16px;
            margin-right: 6px;
            color: #666666;
            vertical-align: middle;
            text-shadow: 1px 1px #ffffff;
            -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
            -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
            white-space: nowrap;
            outline: none;
            blr: expression(this.hideFocus = true);
            border: 1px solid #b7c8d9;
            background: url(../../resources/admin/images/common.gif) 0px 0px repeat-x;
        }
        .webuploader-pick-hover {
            color: #222222;
            background-position: 0px -30px;
        }

        .webuploader-pick-disable {
            color: #bbbbbb;
            cursor: default;
        }

        .uploader-box {
            width: 186px;
            height: 26px;
            position: relative;
            -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
            -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075);
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid;
            border-color: #bfbfbf #d7d7d7 #d7d7d7 #bfbfbf;
            vertical-align:middle;
            display:inline-block;
        }

        .uploader-input {
            width: 180px;
            height: 18px;
            line-height: 18px;
            padding: 4px;
            margin: 0px;
            position: absolute;
            top: 0px;
            color: #666666;
            outline: none;
            border: 0px;
            background: none;
        }
    </style>
</head>
<body>
<body class="mainView">

<div class="uploader-box">
    <input type="text" id="uploader-input" class="uploader-input"/>
</div>

<div class="filePicker1">选择文件1</div>
<a ></a>
<a href="javascript:;" id="uploadBtn1" class="button uploadBtn">
    开始上传1
</a>
<div class="filePicker2">选择文件2</div>
<a href="javascript:;" id="uploadBtn2" class="button uploadBtn">
    开始上传2
</a>
</div>

</body>
</html>